<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>巡检小车控制系统-巡检如此简单</title>
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/iphone.css">
    <link rel="stylesheet" href="/static/css/wave.css">
    <link rel="stylesheet" href="/static/css/macbook.css">
</head>
<body>
<header class="head">
    <div class="head_content">
        <span class="name">巡检小车控制系统-毕业设计 郑州轻工业大学 蔡豪</span>
        <div class="head_box">
            <div class="head_content_item"><a href="">app下载</a></div>
            <div class="head_content_item"><a href="https://github.com/Grnetsky/Graduation-Project">移动端开源代码</a></div>
            <div class="head_content_item"><a href="https://gitee.com/CaihaoX/graduate_back">服务端开源代码</a></div>
            <div class="head_content_item"><a href="https://github.com/Grnetsky/graduation_esp32">硬件端开源代码</a></div>
        </div>

    </div>

</header>
<div class="container">
            <div class="section frontSection ">
                <div class="says">
                    <h1 class="say_item">嗨！请允许我向你介绍我的毕业设计！</h1>
                    <h1 class="say_item">基于websocket通信的巡检小车控制系统</h1>
                    <h1 class="say_item">整个项目分为三个部分 移动端 服务端 硬件端</h1>
                    <h1 class="say_item">移动端采用uniapp多端开发框架编写</h1>
                    <h1 class="say_item">服务端使用django web框架及其周边生态插件编写</h1>
                    <h1 class="say_item">硬件端核心为 esp32物联网开发板</h1>
                </div>
                <svg style="margin-left: 80px" height="589" legacy-metrics="false" node-id="1" sillyvg="true" template-height="589" template-width="680" version="1.1" viewBox="0 0 680 589" width="680" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs node-id="23"></defs><g node-id="25"><g node-id="26"><path d="M 502.51 419.46 L 502.37 419.47 L 502.37 502.37 L 370.50 502.37 L 370.55 503.95 L 370.00 505.42 L 505.42 505.42 L 505.42 418.47 L 504.04 419.06 L 502.51 419.46" fill="#ffbe21" fill-rule="evenodd" group-id="1,2" id="Fill-79" node-id="7" stroke-linecap="butt" stroke-width="1" target-height="86.951996" target-width="135.41998" target-x="369.9991" target-y="418.4671"></path><path d="M 0.00 0.00 L 0.00 505.42 L 72.70 505.42 L 72.00 504.03 L 71.55 502.37 L 3.05 502.37 L 3.05 3.05 L 502.37 3.05 L 502.37 294.62 L 503.33 292.76 L 504.30 291.55 L 505.42 291.01 L 505.42 0.00 L 0.00 0.00 Z" fill="#ffbe21" fill-rule="evenodd" group-id="1,2" id="Fill-81" node-id="8" stroke-linecap="butt" stroke-width="1" target-height="505.419" target-width="505.419" target-x="0" target-y="0"></path><path d="M 642.41 232.79 L 640.87 231.55 L 639.39 230.92 L 640.17 226.79 L 640.44 224.33 L 640.52 221.70 L 640.34 219.09 L 639.83 216.67 L 638.87 214.47 L 637.44 212.71 L 635.10 210.99 L 632.73 209.91 L 630.28 209.41 L 627.70 209.47 L 625.04 210.12 L 622.51 211.25 L 620.16 212.74 L 618.03 214.44 L 619.18 209.33 L 619.50 206.71 L 619.56 204.21 L 619.30 201.79 L 618.68 199.67 L 617.52 197.65 L 615.97 196.15 L 613.97 195.10 L 611.01 194.30 L 608.17 193.99 L 605.42 194.14 L 602.69 194.66 L 600.08 195.49 L 597.55 196.63 L 593.97 198.73 L 590.74 201.13 L 587.80 203.73 L 585.38 206.18 L 581.84 210.34 L 579.84 209.09 L 578.56 208.56 L 576.94 208.14 L 574.40 207.87 L 571.59 208.04 L 568.45 208.70 L 564.93 209.91 L 560.96 211.79 L 556.47 214.45 L 551.41 218.01 L 548.33 220.64 L 545.15 223.88 L 541.88 227.82 L 537.27 234.18 L 532.39 241.74 L 522.46 258.52 L 512.01 276.20 L 506.33 285.23 L 500.23 294.25 L 493.72 303.02 L 486.74 311.38 L 481.79 316.67 L 476.60 321.63 L 471.17 326.26 L 465.45 330.52 L 459.45 334.30 L 453.15 337.62 L 449.47 339.11 L 445.94 340.15 L 442.53 340.78 L 439.23 341.01 L 434.78 340.83 L 430.55 340.18 L 426.52 339.05 L 422.59 337.54 L 418.96 335.80 L 415.58 333.84 L 410.86 330.59 L 407.02 327.47 L 403.64 324.35 L 401.41 322.04 L 399.32 319.66 L 396.48 321.89 L 398.71 324.44 L 401.11 326.91 L 404.74 330.25 L 408.87 333.58 L 413.96 337.05 L 417.60 339.14 L 421.52 340.99 L 425.77 342.60 L 430.13 343.78 L 434.71 344.46 L 439.55 344.63 L 443.13 344.35 L 446.83 343.66 L 450.68 342.51 L 454.70 340.88 L 461.20 337.46 L 467.37 333.58 L 473.24 329.23 L 478.82 324.50 L 484.14 319.44 L 489.20 314.05 L 496.34 305.53 L 502.98 296.63 L 509.20 287.45 L 514.97 278.28 L 525.58 260.33 L 535.31 243.88 L 540.07 236.49 L 544.51 230.31 L 547.67 226.48 L 550.69 223.37 L 553.59 220.89 L 559.33 216.90 L 563.79 214.40 L 568.03 212.61 L 571.17 211.77 L 574.07 211.48 L 576.09 211.65 L 577.40 211.98 L 578.37 212.39 L 579.77 213.32 L 539.50 276.49 L 542.55 278.43 L 583.52 214.16 L 585.28 211.85 L 587.10 209.70 L 589.74 206.93 L 592.74 204.21 L 596.25 201.60 L 598.78 200.09 L 601.40 198.91 L 604.14 198.05 L 606.94 197.64 L 609.79 197.78 L 612.74 198.50 L 613.84 199.07 L 614.70 199.91 L 615.34 201.05 L 615.87 203.09 L 615.97 205.63 L 615.70 208.30 L 615.15 211.14 L 613.56 216.60 L 611.86 221.01 L 571.90 285.45 L 574.97 287.36 L 614.36 223.83 L 614.49 223.90 L 615.65 222.30 L 618.67 218.80 L 620.70 216.89 L 623.03 215.13 L 625.56 213.77 L 628.19 213.05 L 629.96 213.00 L 631.66 213.36 L 633.34 214.14 L 635.03 215.40 L 635.83 216.44 L 636.42 217.84 L 636.78 219.71 L 636.89 222.65 L 636.64 225.89 L 636.10 229.09 L 635.44 231.78 L 595.48 294.80 L 598.53 296.74 L 638.10 234.33 L 638.85 234.55 L 639.81 235.29 L 640.48 236.30 L 641.17 238.39 L 641.48 240.99 L 641.30 245.35 L 640.54 250.33 L 638.74 257.70 L 636.47 264.74 L 632.74 274.29 L 628.17 284.40 L 622.03 296.39 L 617.50 304.44 L 612.26 313.03 L 606.25 322.21 L 599.96 331.16 L 592.92 340.40 L 585.08 349.96 L 576.90 359.19 L 567.95 368.48 L 558.18 377.83 L 550.63 384.53 L 542.63 391.13 L 534.15 397.63 L 525.19 404.04 L 516.09 410.05 L 506.51 415.84 L 496.41 421.42 L 485.80 426.78 L 478.21 430.07 L 470.96 432.57 L 463.99 434.36 L 457.28 435.46 L 450.79 435.92 L 445.26 435.82 L 439.87 435.25 L 434.60 434.23 L 429.43 432.74 L 424.34 430.78 L 419.32 428.34 L 414.45 425.44 L 409.75 422.15 L 405.21 418.47 L 400.83 414.37 L 395.38 408.53 L 390.19 402.18 L 385.27 395.28 L 380.72 388.11 L 376.44 380.64 L 372.43 372.86 L 366.97 360.94 L 362.12 348.91 L 357.81 336.80 L 354.14 325.21 L 350.89 313.81 L 348.27 303.56 L 345.99 293.77 L 344.31 285.76 L 342.06 273.60 L 341.32 268.86 L 337.74 269.35 L 338.32 273.14 L 340.11 283.21 L 343.24 298.21 L 345.32 306.95 L 347.89 316.80 L 350.78 326.89 L 354.18 337.62 L 358.61 350.11 L 363.15 361.49 L 367.79 371.85 L 372.52 381.25 L 377.32 389.75 L 382.20 397.42 L 387.11 404.26 L 392.06 410.37 L 397.06 415.79 L 402.11 420.58 L 407.21 424.78 L 412.37 428.41 L 417.61 431.52 L 422.68 434.00 L 427.81 436.01 L 433.01 437.56 L 438.30 438.67 L 443.70 439.34 L 449.23 439.57 L 455.10 439.32 L 461.14 438.57 L 467.36 437.30 L 473.79 435.48 L 480.44 433.07 L 487.35 430.04 L 498.10 424.61 L 508.31 418.97 L 518.02 413.10 L 527.23 407.01 L 536.30 400.52 L 544.88 393.93 L 552.98 387.25 L 560.62 380.46 L 570.51 370.99 L 579.58 361.57 L 587.86 352.22 L 595.79 342.53 L 602.92 333.16 L 609.30 324.09 L 615.38 314.79 L 620.69 306.07 L 625.28 297.92 L 629.62 289.59 L 633.21 282.14 L 636.13 275.51 L 639.91 265.83 L 642.21 258.68 L 643.87 252.02 L 644.77 246.65 L 645.07 242.37 L 644.90 239.00 L 644.36 236.37 L 643.51 234.34 L 642.41 232.79" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-83" node-id="9" stroke-linecap="butt" stroke-width="1" target-height="245.57474" target-width="307.3341" target-x="337.7401" target-y="193.99237"></path><path d="M 257.14 161.33 L 273.71 161.64 L 265.40 116.89 L 261.85 117.55 L 269.35 157.94 L 257.20 157.72 Z" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-85" node-id="10" stroke-linecap="butt" stroke-width="1" target-height="44.75" target-width="16.570007" target-x="257.1352" target-y="116.8882"></path><path d="M 246.78 174.26 L 248.91 174.67 L 249.49 171.11 L 245.24 170.14 L 241.96 168.88 L 239.48 167.39 L 237.66 165.68 L 236.38 163.75 L 235.62 161.65 L 235.34 159.58 L 235.41 157.52 L 235.71 155.70 L 236.59 152.82 L 237.10 151.66 L 233.91 149.97 L 233.22 151.52 L 232.69 153.01 L 232.13 155.12 L 231.79 157.39 L 231.74 159.98 L 232.14 162.61 L 233.13 165.33 L 234.63 167.68 L 236.65 169.75 L 239.27 171.54 L 242.60 173.06 L 246.78 174.26" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-87" node-id="11" stroke-linecap="butt" stroke-width="1" target-height="24.696" target-width="17.75116" target-x="231.74313" target-y="149.9737"></path><path d="M 207.63 173.15 L 209.15 173.73 L 210.62 173.70 L 211.97 173.15 L 213.04 172.17 L 213.70 170.86 L 213.81 169.25 L 213.52 165.79 L 213.48 160.61 L 213.78 154.78 L 214.59 146.75 L 215.12 144.22 L 215.95 142.17 L 217.04 140.53 L 218.41 139.22 L 220.61 137.88 L 223.32 136.89 L 226.64 136.29 L 231.91 136.02 L 238.27 136.25 L 252.26 137.37 L 259.78 137.83 L 267.59 137.94 L 272.83 137.73 L 278.04 137.17 L 283.24 136.25 L 288.33 134.91 L 293.30 133.02 L 298.17 130.58 L 301.59 128.41 L 304.93 125.82 L 308.18 122.76 L 311.36 119.21 L 314.17 115.33 L 316.35 111.58 L 317.96 107.94 L 319.05 104.38 L 319.74 100.66 L 320.01 97.04 L 319.88 93.49 L 319.34 90.00 L 318.10 85.45 L 316.33 81.06 L 314.03 76.82 L 311.31 72.82 L 308.26 69.08 L 304.89 65.59 L 301.24 62.37 L 297.52 59.53 L 293.70 57.06 L 289.70 54.88 L 285.89 53.21 L 282.25 51.98 L 278.50 51.16 L 275.22 50.89 L 272.32 51.11 L 270.22 51.66 L 268.45 52.52 L 266.95 53.69 L 265.69 55.21 L 263.93 58.32 L 262.78 61.00 L 262.13 63.30 L 261.79 65.68 L 261.75 67.76 L 261.97 69.59 L 262.64 72.22 L 263.47 74.40 L 264.87 78.06 L 265.03 79.10 L 264.88 80.03 L 264.44 80.90 L 263.73 81.61 L 262.47 82.38 L 260.42 83.23 L 257.71 83.89 L 253.20 84.56 L 241.92 85.92 L 235.39 86.87 L 228.24 88.19 L 221.04 89.94 L 213.80 92.25 L 209.08 94.14 L 204.57 96.38 L 200.26 98.95 L 196.22 101.92 L 192.56 105.31 L 189.26 109.17 L 187.13 112.30 L 185.29 115.75 L 183.72 119.57 L 182.46 123.79 L 181.62 127.99 L 181.16 132.67 L 181.10 137.87 L 181.49 143.66 L 182.01 146.33 L 182.93 148.87 L 184.24 151.23 L 185.90 153.39 L 192.00 159.86 L 195.69 163.48 L 199.66 167.09 L 203.76 170.45 L 207.63 173.15" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-89" node-id="12" stroke-linecap="butt" stroke-width="1" target-height="122.83498" target-width="138.90912" target-x="181.1" target-y="50.893387"></path><path d="M 304.24 181.89 L 301.05 187.34 L 297.45 192.34 L 293.42 196.91 L 288.94 201.07 L 284.08 204.78 L 278.89 207.97 L 273.35 210.68 L 267.44 212.88 L 261.51 214.44 L 255.67 215.42 L 249.89 215.83 L 244.14 215.68 L 238.40 215.01 L 232.84 213.84 L 227.44 212.19 L 222.18 210.04 L 217.13 207.43 L 212.37 204.41 L 207.89 200.96 L 203.67 197.07 L 199.83 192.82 L 196.40 188.22 L 193.37 183.24 L 190.73 177.85 L 189.69 174.51 L 187.56 174.81 L 185.58 174.74 L 183.72 174.32 L 181.95 173.58 L 180.35 172.55 L 178.89 171.22 L 177.66 169.68 L 176.63 167.89 L 175.81 165.84 L 175.32 163.58 L 175.23 161.39 L 175.53 159.24 L 176.19 157.17 L 177.17 155.28 L 178.48 153.55 L 180.07 152.06 L 181.91 150.88 L 184.04 149.97 L 185.73 149.57 L 187.41 149.40 L 187.27 147.62 L 187.61 145.78 L 185.94 145.90 L 186.83 140.28 L 188.23 134.78 L 190.15 129.38 L 192.60 124.04 L 195.79 118.59 L 199.39 113.59 L 203.42 109.02 L 207.90 104.86 L 212.76 101.15 L 217.95 97.95 L 223.49 95.25 L 229.40 93.04 L 234.17 91.73 L 238.93 90.80 L 243.70 90.25 L 248.49 90.07 L 253.45 90.27 L 258.36 90.86 L 263.24 91.84 L 268.02 93.22 L 272.72 94.98 L 277.34 97.15 L 282.80 100.33 L 287.79 103.93 L 292.36 107.96 L 296.53 112.44 L 300.23 117.30 L 303.43 122.49 L 306.13 128.03 L 308.34 133.95 L 309.95 140.05 L 310.93 146.14 L 311.31 152.22 L 311.09 158.33 L 310.27 164.39 L 308.86 170.31 L 306.86 176.14 L 304.24 181.89 M 311.78 132.85 L 309.75 127.30 L 307.29 122.04 L 304.40 117.06 L 301.09 112.35 L 297.40 107.96 L 293.31 103.90 L 288.89 100.21 L 284.13 96.89 L 279.00 93.94 L 273.64 91.45 L 268.18 89.47 L 262.62 87.99 L 256.94 87.00 L 251.23 86.51 L 245.47 86.52 L 239.73 87.04 L 234.02 88.06 L 228.31 89.60 L 222.76 91.64 L 217.50 94.10 L 212.51 96.98 L 207.80 100.30 L 203.42 103.99 L 199.36 108.07 L 195.66 112.49 L 192.34 117.25 L 189.40 122.38 L 186.68 128.33 L 184.59 134.37 L 183.10 140.51 L 182.22 146.78 L 179.63 148.01 L 177.41 149.58 L 175.49 151.49 L 173.91 153.70 L 172.74 156.08 L 171.96 158.69 L 171.62 161.38 L 171.75 164.11 L 172.37 166.93 L 173.22 169.07 L 174.31 170.99 L 175.63 172.71 L 178.00 174.92 L 180.73 176.60 L 183.74 177.72 L 186.95 178.23 L 189.25 183.23 L 191.88 187.91 L 194.83 192.29 L 198.11 196.39 L 201.72 200.24 L 205.57 203.74 L 209.65 206.92 L 213.99 209.78 L 218.54 212.30 L 223.23 214.44 L 228.09 216.22 L 233.12 217.63 L 233.12 243.18 L 236.73 243.18 L 236.73 218.39 L 242.54 219.18 L 248.46 219.45 L 254.38 219.18 L 260.35 218.36 L 260.35 243.18 L 263.96 243.18 L 263.96 217.59 L 268.53 216.32 L 274.08 214.29 L 279.34 211.83 L 284.32 208.94 L 289.04 205.63 L 293.42 201.94 L 297.48 197.86 L 301.18 193.44 L 304.50 188.67 L 307.44 183.55 L 309.93 178.18 L 311.91 172.73 L 313.39 167.16 L 314.38 161.48 L 314.87 155.78 L 314.86 150.02 L 314.34 144.28 L 313.32 138.56 L 311.78 132.85" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-91" node-id="13" stroke-linecap="butt" stroke-width="1" target-height="156.67155" target-width="143.25352" target-x="171.6183" target-y="86.512146"></path><path d="M 191.61 156.59 L 189.82 155.44 L 187.79 154.70 L 185.46 154.36 L 182.76 154.47 L 179.60 155.10 L 180.55 158.58 L 183.55 158.01 L 185.93 158.03 L 187.82 158.50 L 189.34 159.40 L 190.76 161.03 L 191.68 162.94 L 192.22 164.97 L 192.44 166.63 L 192.50 168.36 L 196.10 168.57 L 196.10 167.12 L 195.70 163.95 L 195.20 162.07 L 194.38 160.09 L 193.23 158.25 L 191.61 156.59" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-93" node-id="14" stroke-linecap="butt" stroke-width="1" target-height="14.212677" target-width="16.509003" target-x="179.5958" target-y="154.35912"></path><path d="M 396.16 422.13 L 363.03 413.73 L 363.16 454.41 L 363.17 457.46 L 258.22 457.46 L 261.47 481.39 L 277.94 482.55 L 297.57 484.00 L 306.57 484.94 L 314.32 486.06 L 319.33 487.05 L 323.59 488.19 L 327.20 489.45 L 331.81 491.47 L 335.40 493.32 L 337.30 494.31 L 340.48 496.44 L 342.06 497.87 L 343.36 499.47 L 343.99 500.65 L 344.32 501.87 L 344.35 503.15 L 344.20 503.89 L 343.72 505.04 L 338.75 505.04 L 339.91 503.88 L 340.36 502.76 L 340.32 502.04 L 339.68 500.69 L 338.46 499.29 L 335.69 497.18 L 332.07 495.11 L 325.91 492.33 L 322.47 491.14 L 318.36 490.05 L 313.46 489.09 L 305.89 488.00 L 297.02 487.10 L 277.67 485.67 L 252.92 483.82 L 239.93 482.51 L 226.51 480.75 L 217.56 479.29 L 208.60 477.51 L 199.64 475.42 L 190.77 472.97 L 182.07 470.09 L 173.51 466.80 L 171.64 465.98 L 169.87 465.15 L 168.19 464.32 L 163.17 461.42 L 158.62 458.23 L 154.51 454.73 L 150.82 450.93 L 147.52 446.80 L 144.64 442.39 L 142.16 437.66 L 140.08 432.59 L 138.41 427.15 L 137.15 421.30 L 136.39 403.84 L 135.70 403.80 L 47.66 398.99 L 45.96 398.90 L 45.94 398.90 L 46.87 388.95 L 48.17 379.56 L 49.81 370.72 L 51.77 362.38 L 54.05 354.53 L 57.51 344.64 L 61.35 335.45 L 65.57 326.92 L 70.15 319.00 L 75.28 311.28 L 80.66 304.11 L 86.29 297.47 L 92.17 291.33 L 98.44 285.47 L 104.83 280.07 L 111.36 275.09 L 118.02 270.54 L 127.23 264.91 L 136.42 259.96 L 145.61 255.64 L 155.00 251.76 L 164.07 248.44 L 172.85 245.65 L 181.76 243.18 L 190.02 241.18 L 197.67 239.59 L 208.89 237.67 L 217.98 236.48 L 226.27 235.68 L 231.70 235.33 L 236.73 235.17 L 239.08 238.42 L 241.25 240.62 L 243.27 241.99 L 245.53 242.91 L 247.64 243.30 L 249.64 243.22 L 252.55 242.47 L 255.10 241.22 L 257.35 239.66 L 258.91 238.30 L 260.34 236.81 L 271.07 238.92 L 281.32 241.37 L 291.10 244.16 L 300.43 247.27 L 309.76 250.80 L 318.60 254.50 L 326.96 258.39 L 334.88 262.44 L 345.31 268.29 L 354.83 274.15 L 363.50 280.01 L 371.97 286.22 L 379.48 292.11 L 386.09 297.69 L 395.38 306.14 L 402.46 313.17 L 408.61 319.75 L 412.43 324.15 L 415.79 328.32 L 396.16 422.13 Z" fill="#ffbe21" fill-rule="evenodd" group-id="1,2" id="Fill-95" node-id="15" stroke-linecap="butt" stroke-width="1" target-height="269.866" target-width="369.855" target-x="45.9362" target-y="235.1709"></path><path d="M 360.10 547.34 L 359.42 549.19 L 358.25 550.99 L 356.48 552.80 L 354.01 554.60 L 350.65 556.41 L 346.23 558.20 L 341.21 560.09 L 334.97 562.04 L 336.29 562.91 L 337.40 563.97 L 338.18 565.22 L 338.49 566.70 L 338.34 567.94 L 337.55 569.56 L 336.73 570.55 L 335.33 571.77 L 333.13 573.26 L 330.58 574.65 L 326.94 576.32 L 321.12 578.54 L 312.55 581.27 L 304.69 583.27 L 294.42 585.20 L 287.27 586.22 L 279.27 587.07 L 270.36 587.73 L 261.46 588.10 L 251.90 588.18 L 241.62 587.94 L 231.39 587.37 L 220.67 586.37 L 209.45 584.95 L 202.49 583.84 L 195.01 582.45 L 187.43 580.82 L 179.47 578.87 L 168.18 575.64 L 156.46 571.64 L 148.70 568.60 L 140.90 565.18 L 133.05 561.35 L 125.38 557.18 L 117.79 552.56 L 110.29 547.48 L 103.07 542.01 L 96.05 536.03 L 89.22 529.50 L 84.99 524.97 L 80.26 519.35 L 75.61 513.25 L 70.75 506.18 L 69.29 503.89 L 65.35 497.35 L 61.52 490.24 L 57.80 482.52 L 54.47 474.64 L 51.49 466.29 L 48.87 457.45 L 46.78 448.47 L 45.26 439.11 L 44.31 429.35 L 44.06 422.02 L 44.24 414.52 L 44.87 406.82 L 45.96 398.90 L 45.96 398.88 L 47.66 398.99 L 49.13 399.09 L 48.11 406.40 L 47.50 413.54 L 47.28 420.50 L 47.44 427.32 L 48.20 436.41 L 49.48 445.16 L 51.27 453.59 L 53.55 461.90 L 56.16 469.80 L 59.10 477.31 L 62.41 484.67 L 65.85 491.52 L 69.43 497.89 L 73.28 504.12 L 77.06 509.73 L 80.75 514.76 L 86.50 521.83 L 91.56 527.32 L 98.85 534.25 L 106.37 540.57 L 114.11 546.29 L 122.18 551.57 L 130.32 556.33 L 138.55 560.57 L 146.96 564.43 L 155.29 567.84 L 163.54 570.81 L 171.90 573.48 L 179.98 575.76 L 187.79 577.69 L 199.43 580.11 L 209.98 581.86 L 220.36 583.18 L 230.48 584.13 L 240.35 584.71 L 250.24 584.98 L 259.61 584.95 L 268.47 584.64 L 277.35 584.05 L 285.43 583.25 L 292.77 582.28 L 300.11 581.03 L 306.37 579.69 L 311.67 578.28 L 319.86 575.68 L 325.90 573.37 L 326.16 573.26 L 330.06 571.42 L 332.34 570.07 L 334.07 568.73 L 334.82 567.89 L 335.23 567.12 L 335.28 566.79 L 335.06 566.16 L 334.39 565.45 L 333.48 564.83 L 332.32 564.24 L 329.88 563.38 L 329.53 563.30 L 327.23 562.76 L 320.44 563.68 L 313.55 564.33 L 306.58 564.69 L 296.19 564.83 L 286.44 564.57 L 277.04 564.01 L 269.12 563.32 L 256.94 561.87 L 252.19 561.15 L 252.80 558.08 L 256.22 558.61 L 265.15 559.75 L 278.19 560.96 L 285.70 561.41 L 293.97 561.68 L 302.41 561.68 L 311.11 561.35 L 319.78 560.63 L 328.21 559.44 L 333.60 558.40 L 338.00 557.38 L 342.08 556.25 L 345.32 555.18 L 349.63 553.11 L 352.44 551.38 L 354.68 549.53 L 355.91 548.08 L 356.68 546.61 L 356.94 545.52 L 356.89 544.31 L 356.54 543.11 L 355.46 541.30 L 354.18 539.82 L 352.42 538.27 L 352.32 538.20 L 349.41 536.23 L 346.87 534.86 L 343.57 536.39 L 339.33 537.79 L 333.98 539.00 L 327.32 539.97 L 318.69 540.66 L 307.94 540.93 L 294.73 540.70 L 281.55 540.03 L 266.00 538.87 L 247.83 537.14 L 248.21 534.04 L 271.10 536.16 L 282.94 537.00 L 294.60 537.57 L 306.07 537.80 L 316.55 537.60 L 323.44 537.18 L 329.50 536.50 L 334.80 535.61 L 340.03 534.29 L 344.09 532.72 L 347.19 530.95 L 349.50 528.42 L 350.77 526.25 L 351.28 524.36 L 351.16 522.62 L 350.98 522.13 L 350.06 520.52 L 348.72 519.02 L 347.15 517.69 L 345.43 516.53 L 342.08 514.75 L 339.22 513.57 L 338.97 513.48 L 334.76 512.09 L 331.36 511.22 L 325.96 512.19 L 319.22 512.94 L 312.13 513.40 L 304.29 513.66 L 288.21 513.65 L 272.62 513.16 L 259.14 512.47 L 249.41 511.82 L 245.08 511.49 L 245.39 508.37 L 249.92 508.71 L 261.31 509.44 L 277.15 510.18 L 295.04 510.58 L 304.11 510.52 L 312.59 510.24 L 320.74 509.67 L 327.40 508.82 L 331.04 508.09 L 334.80 507.06 L 337.04 506.10 L 338.75 505.04 L 339.91 503.88 L 340.36 502.76 L 340.32 502.04 L 339.68 500.69 L 338.46 499.29 L 335.69 497.18 L 332.07 495.11 L 325.91 492.33 L 322.48 491.14 L 318.36 490.05 L 313.46 489.09 L 305.89 488.00 L 297.02 487.10 L 277.67 485.67 L 252.92 483.82 L 239.93 482.51 L 226.51 480.75 L 217.56 479.29 L 208.60 477.51 L 199.64 475.42 L 190.77 472.97 L 182.07 470.09 L 173.51 466.80 L 171.64 465.98 L 169.87 465.15 L 168.19 464.32 L 163.13 461.44 L 158.53 458.26 L 154.37 454.78 L 150.61 451.00 L 147.23 446.90 L 144.28 442.50 L 141.74 437.79 L 139.62 432.74 L 137.91 427.30 L 136.64 421.46 L 136.09 417.61 L 135.74 413.60 L 135.58 408.80 L 135.70 403.84 L 135.70 403.80 L 136.25 397.28 L 137.24 390.73 L 138.68 384.16 L 140.55 377.70 L 142.82 371.54 L 145.48 365.64 L 148.34 366.88 L 145.38 373.80 L 142.84 381.20 L 140.84 388.79 L 139.45 396.45 L 138.89 401.59 L 138.66 406.58 L 138.77 411.42 L 139.41 417.53 L 140.51 423.29 L 142.05 428.73 L 144.02 433.88 L 146.48 438.86 L 149.34 443.48 L 152.61 447.77 L 156.29 451.75 L 160.33 455.34 L 164.75 458.57 L 169.57 461.43 L 174.83 463.93 L 183.81 467.37 L 192.98 470.35 L 202.33 472.86 L 211.79 474.98 L 221.24 476.75 L 230.67 478.19 L 244.79 479.90 L 258.36 481.14 L 261.47 481.39 L 277.94 482.55 L 297.57 484.00 L 306.57 484.94 L 314.32 486.06 L 319.33 487.05 L 323.59 488.19 L 327.20 489.45 L 331.81 491.47 L 335.40 493.32 L 337.30 494.31 L 340.48 496.44 L 342.06 497.87 L 343.36 499.47 L 343.99 500.65 L 344.32 501.87 L 344.35 503.15 L 344.20 503.89 L 343.72 505.04 L 342.84 506.18 L 341.56 507.30 L 339.71 508.42 L 337.16 509.53 L 340.19 510.57 L 341.62 511.11 L 344.12 512.23 L 347.53 514.06 L 350.51 516.22 L 352.22 517.93 L 353.45 519.75 L 354.26 521.72 L 354.64 523.92 L 354.43 526.13 L 353.57 528.45 L 352.06 530.74 L 349.91 532.86 L 351.85 534.00 L 354.21 535.65 L 355.29 536.49 L 357.38 538.57 L 357.43 538.62 L 357.60 538.84 L 358.50 540.03 L 359.23 541.27 L 359.27 541.36 L 359.33 541.48 L 359.88 542.81 L 360.23 544.24 L 360.32 545.73 L 360.10 547.34" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-97" node-id="16" stroke-linecap="butt" stroke-width="1" target-height="222.54208" target-width="316.25943" target-x="44.058693" target-y="365.6398"></path><path d="M 548.51 199.47 L 546.50 198.37 L 549.02 194.28 L 551.55 191.06 L 554.09 188.59 L 556.63 186.75 L 559.21 185.48 L 561.86 184.72 L 564.22 184.48 L 566.30 184.56 L 568.16 184.90 L 570.75 185.77 L 572.56 186.67 L 574.33 187.85 L 572.87 189.62 L 571.41 188.66 L 569.87 187.89 L 567.64 187.14 L 565.17 186.77 L 562.26 186.98 L 559.96 187.65 L 557.69 188.79 L 555.42 190.45 L 553.14 192.72 L 550.84 195.68 L 548.51 199.47" fill="#ffbe21" fill-rule="evenodd" group-id="1,2" id="Fill-99" node-id="17" stroke-linecap="butt" stroke-width="1" target-height="14.988907" target-width="27.82898" target-x="546.4993" target-y="184.48279"></path><path d="M 543.30 188.91 L 541.44 187.57 L 544.95 183.20 L 548.45 179.72 L 551.95 177.02 L 555.46 175.03 L 559.01 173.66 L 562.65 172.88 L 566.44 172.70 L 569.77 173.06 L 572.89 173.82 L 575.44 174.77 L 577.71 175.88 L 579.24 176.78 L 580.76 177.86 L 579.31 179.63 L 580.03 178.74 L 579.31 179.63 L 578.02 178.73 L 576.64 177.92 L 574.57 176.91 L 572.24 176.04 L 569.38 175.33 L 566.35 175.00 L 562.92 175.16 L 559.60 175.87 L 556.35 177.14 L 553.11 179.00 L 549.87 181.52 L 546.60 184.79 L 543.30 188.91" fill="#ffbe21" fill-rule="evenodd" group-id="1,2" id="Fill-101" node-id="18" stroke-linecap="butt" stroke-width="1" target-height="16.20691" target-width="39.315002" target-x="541.4432" target-y="172.70319"></path><path d="M 662.94 257.71 L 661.40 256.02 L 662.17 256.87 L 661.39 256.02 L 662.54 254.71 L 663.51 253.29 L 664.56 251.18 L 665.26 248.79 L 665.46 245.88 L 665.11 243.50 L 664.29 241.10 L 662.95 238.63 L 661.02 236.06 L 658.40 233.37 L 654.96 230.54 L 656.33 228.70 L 660.04 231.77 L 662.88 234.71 L 664.98 237.56 L 666.45 240.33 L 667.36 243.06 L 667.75 245.79 L 667.66 248.16 L 667.31 250.21 L 666.71 252.00 L 665.49 254.46 L 664.36 256.12 L 662.94 257.71" fill="#ffbe21" fill-rule="evenodd" group-id="1,2" id="Fill-103" node-id="19" stroke-linecap="butt" stroke-width="1" target-height="29.007019" target-width="12.783997" target-x="654.9649" target-y="228.7049"></path><path d="M 671.96 265.45 L 670.40 263.77 L 671.18 264.61 L 670.40 263.77 L 671.47 262.62 L 672.46 261.37 L 673.74 259.45 L 674.92 257.26 L 676.02 254.53 L 676.77 251.56 L 677.08 248.14 L 676.82 244.76 L 676.01 241.36 L 674.61 237.90 L 672.56 234.35 L 669.77 230.66 L 666.14 226.83 L 667.72 225.18 L 671.57 229.25 L 674.54 233.19 L 676.73 237.02 L 678.23 240.78 L 679.10 244.48 L 679.37 248.19 L 679.03 251.97 L 678.22 255.22 L 677.03 258.21 L 675.74 260.60 L 674.34 262.70 L 673.23 264.09 L 671.96 265.45" fill="#ffbe21" fill-rule="evenodd" group-id="1,2" id="Fill-105" node-id="20" stroke-linecap="butt" stroke-width="1" target-height="40.27301" target-width="13.229004" target-x="666.1389" target-y="225.1752"></path><path d="M 368.38 538.88 L 372.07 506.18 L 372.33 503.89 L 374.05 488.72 L 374.05 488.71 L 374.81 487.81 L 375.89 486.61 L 378.14 484.61 L 380.35 483.25 L 382.56 482.45 L 384.88 482.08 L 387.12 482.12 L 389.31 482.56 L 391.40 483.34 L 393.30 484.39 L 395.03 485.71 L 396.57 487.27 L 397.86 489.04 L 398.92 491.05 L 399.64 493.18 L 399.96 495.42 L 399.89 497.80 L 399.36 500.11 L 398.29 502.50 L 396.57 505.01 L 368.38 538.88 Z M 397.05 483.42 L 395.03 481.87 L 392.82 480.62 L 390.38 479.67 L 387.84 479.09 L 385.23 478.96 L 382.51 479.28 L 379.90 480.08 L 377.29 481.48 L 374.63 483.56 L 374.63 483.56 L 377.92 454.41 L 254.72 454.41 L 258.36 481.14 L 258.60 482.94 L 261.63 482.52 L 261.47 481.39 L 258.22 457.46 L 374.50 457.46 L 369.25 503.89 L 368.99 506.18 L 361.42 573.26 L 326.98 573.26 L 325.90 576.32 L 364.14 576.32 L 367.75 544.42 L 367.75 544.41 L 367.75 544.41 L 398.91 506.96 L 401.01 503.90 L 402.33 500.99 L 402.97 498.17 L 403.06 495.26 L 402.67 492.53 L 401.79 489.93 L 400.50 487.49 L 398.93 485.32 L 397.05 483.42 L 397.05 483.42 Z" fill="#000000" fill-rule="evenodd" group-id="1,2" id="Fill-107" node-id="21" stroke-linecap="butt" stroke-width="1" target-height="121.90802" target-width="148.33972" target-x="254.7204" target-y="454.4098"></path></g></g></svg>

        </div>
        <div class="section section1">
            <canvas class='c'></canvas>
               <div id="wrapper">
                <div class="jiant" id="iphone">
                <div id="side"></div>
                <div id="lines">
                    <div>
                        <div>
                            <div></div>
                        </div>
                    </div>
                    <div>
                        <div>
                            <div></div>
                        </div>
                    </div>
                </div>
                <div id="toggler">
                    <div></div>
                </div>
                <div id="aux"></div>
                <div id="lightning"></div>
                <div id="bottom-speaker">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div id="skrews">
                    <div></div>
                    <div></div>
                </div>
                <div id="volume">
                    <div></div>
                    <div></div>
                </div>
                <div id="front">
                    <div id="front-cover"></div>
                    <div id="camera">
                        <div></div>
                    </div>
                    <div id="speaker"></div>
                    <div id="screen">
                        <img src="/static/img/手机.jpg" alt="" width="340" height="600">
                    </div>
                    <div id="home">
                        <div></div>
                    </div>
                </div>
                <div id="shadow"></div>
            </div>
               </div>
            <h1 class="title jiant">精致的移动端界面</h1>
            <h2 class="title2 jiant">动态交互反馈 人性化提示</h2>
            <h2 class="title3 jiant">酷得不像实力派</h2>
        </div>
        <div class="section section2 ">
            <canvas></canvas>
            <h1 class="title jiant">后台管理应有尽有</h1>
            <h2 class="title2 jiant">软件版本更新 全局监控</h2>
            <h2 class="title3 jiant">设备管理 巡检记录...</h2>
            <h2 class="title4 jiant">哪里都是火眼金睛</h2>
            <h2 class="title5 jiant">用户管理 数据统计</h2>

            <div class="macbook">
                <div class="screen">
                </div>
                <div class="base"></div>
            </div>
        </div>
        <div class="section section3 ">
            <canvas class="canvas3"></canvas>
            <h1 class="jiant title">硬件也毫不逊色</h1>
            <h2 class="title2 jiant">横向扩展 设备解耦</h2>
            <h2 class="title3 jiant">呼之则来挥之则去</h2>
            <h2 class="title4 jiant">自动模式解放双手</h2>
            <h2 class="title5 jiant">手动模式精准巡检</h2>

            <img src="/static/img/esp32.png" alt="">
        </div>
        <div class="section section4">
            <h1 class="jiant">谢谢</h1>
        </div>

    </div>

    <ul class="controls">
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>


</body>
<script>
        // 全屏事件

function launchFullscreen(element) {
  if (element.requestFullscreen) {
    element.requestFullscreen()
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen()
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen()
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullScreen()
  }
}
        (function x() {
        window.onload = function() {
            console.log(window.innerWidth)
            var fontWidth = (90 / 1440) * window.innerWidth
            document.querySelector("html").style.fontSize = String(fontWidth) + "px"

        }
        window.onresize = function(e) {
            console.log(window.innerWidth)
            var fontWidth = (90 / 1440) * window.innerWidth
            document.querySelector("html").style.fontSize = String(fontWidth) + "px"

        }
    })()
        let saysitems = document.querySelectorAll('.say_item')

            // 需要监听的元素

      //实现滚动效果
        const container = document.querySelector('.container')
        const lis = document.querySelectorAll('.controls li')
        var viewHeight = null //声明页面高度

        var index = 0; //当前索引
        var flag = true; //节流开关
        document.addEventListener('mousewheel', function (e) {
            e = e || window.event
            // 获取整屏的高度
            viewHeight = document.body.clientHeight;
            if (flag) {  //节流阀
                flag = false
                if (e.wheelDelta > 0) {
                    index--
                    if (index < 0) {
                        index = 0
                    }
                } else {
                    index++;
                    if (index > lis.length - 1) {
                        index = lis.length - 1
                    }
                }
                container.style.top = -index * viewHeight + 'px'
                changeColor(index)
                setTimeout(function () {
                    flag = true
                }, 500)
            }

        })

        //绑定点击事件
        for (let i = 0; i < lis.length; i++) {
            lis[i].onclick = function () {
                viewHeight = document.body.clientHeight
                index = i
                changeColor(index)
                container.style.top = -index * viewHeight + 'px'
            }
        }
        //改变小li颜色
        function changeColor(index) {
            for (var j = 0; j < lis.length; j++) {
                lis[j].className = ''
            }
            lis[index].className = 'active'
        }
        var demo3 = document.querySelectorAll('.jiant')  //  获取元素
var observer = new IntersectionObserver((mutaions)=>{  // 创建IntersectionObserver对象
        if(mutaions[0].isIntersecting){
            mutaions[0].target.classList.add("bounce")
        }else {
            mutaions[0].target.classList.remove("bounce")
        }
      })
        demo3.forEach((item)=>{
            observer.observe(item)
        })
</script>
<script src="/static/js/wave.js"></script>
<script src="/static/js/canvas2.js"></script>
<script src="/static/js/canvas3.js"></script>
<script>
    let says = Array.from(document.querySelectorAll(".say_item"))
    let sayContent = document.querySelector(".says")
    function showSay(item) {
        item.style.opacity = '1'
        item.style.transform = "translateX(100px)"
    }
    says.forEach((item,index)=>{
        setTimeout(showSay,(index+1)*2000,item)
    })
</script>
</html>